page {
    background-color: #f2f3f5 !important;
    padding: 16rpx;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.details {
    height: 100vh;
    background-color: white;
    border-radius: 16rpx;
}

.headimg {
    background-color: white;
    border-radius: 16rpx;
    width: 100%;
    height: 180rpx;
    display: flex;
    justify-content: space-between;
}
.headimgtest {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.id {
    margin-left: 16rpx;
    width: 29%;
}
.img {
    border-radius: 50%;
    width: 100rpx;
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.ph {
    width: 30%;
}
.phimg {
    width: 65rpx;
    height: 80rpx;
    margin-top: 15rpx;
    margin-left: 130rpx;
}

.nianjiandtime {
    display: flex;
    justify-content: space-between;
}

.ztys {
    color: #949292;
    font-size: 13px;
}

.title {
    margin-top: 10rpx;
}
.coursevideo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40rpx;
}

/*----------------*/

.coursevideoImg {
    border-radius: 8rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40rpx;
}

.img_box {
    margin-bottom: 12rpx;
}

.img_box .many_img {
    margin-top: 16rpx;
    display: flex;
    justify-self: start;
    flex-wrap: wrap;
}

.img_item.four {
    width: 320rpx;
    height: 320rpx;
    padding: 15rpx;
    margin-bottom: 16rpx;
    border-radius: 16rpx;
    overflow: hidden;
}

.img_item.tou {
    width: 320rpx;
    height: 320rpx;
    padding: 15rpx;
    margin-bottom: 16rpx;
    border-radius: 16rpx;
    overflow: hidden;
}

.img_item.three {
    width: 320rpx;
    height: 320rpx;
    padding: 15rpx;
    margin-bottom: 16rpx;
    border-radius: 16rpx;
    overflow: hidden;
}

.img_item.many {
    width: 198rpx;
    height: 198rpx;
    margin-left: 30rpx;
    margin-bottom: 16rpx;
    border-radius: 16rpx;
    overflow: hidden;
}

.img_item.many:nth-child(3n) {
    margin-right: 0;
}

/*------------------------*/
.myVideo {
    border-radius: 9rpx;
    height: 900rpx;
    width: 95%;
}

.hx {
    margin-top: 10rpx;
    width: 100%;
    height: 0.3rpx;
    background-color: rgba(5, 5, 5, 0.1);
}
.hx2 {
    margin-top: 40rpx;
    width: 95%;
    margin-left: 2.5%;
    height: 0.3rpx;
    background-color: rgba(5, 5, 5, 0.1);
}

/*观看人数*/
.mod-info {
    padding-left: 15rpx;
    padding-right: 15rpx;
    margin-top: 8rpx;
    height: 60rpx;
    display: flex;
    justify-content: space-between;
}

.moinfont {
    font-size: 28rpx;
    text-indent: 15rpx;
    font-family: '微软雅黑';
    color: #bfbfbf;
}

.addtime {
    font-size: 30rpx;
    text-indent: 15rpx;
    font-family: '微软雅黑';
    color: #bfbfbf;
    margin-left: 2%;
}

/*视频*/
.video_cover {
    width: 100%;
    height: 100%;
    position: relative;
}
.video_play_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    z-index: 5;
}
.video_bg_black {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}
.video_cover_txt {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    color: #fff;
    font-size: 28rpx;
    margin-top: 35rpx;
    height: 90rpx;
}
.video_icon_lock {
    width: 30rpx;
    height: auto;
    margin: 0 30rpx;
}


.suoding{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}